@charset "utf-8";

html, body {
    font-size: 62.5%;
    font-family: "微软雅黑";
    height: 100%;}

.maskLayer, .page_unclick_bg, .popWindow {
    top: 0;
    position: fixed
;}

.lx_footer_logo, .maskLayer, .sk-wave { text-align: center ;}

#cf_form .clear, .clear { clear: both ;}

.sk-wave {
    margin: 15px auto;
    width: 50px;
    height: 30px;
    font-size: 10px
;}

.sk-wave .sk-rect {
    background-color: #1bbae1;
    height: 100%;
    width: 6px;
    display: inline-block;
    -webkit-animation: sk-waveStretchDelay 1.2s infinite ease-in-out;
    animation: sk-waveStretchDelay 1.2s infinite ease-in-out
;}

.btn-not-display, .hidden_con { display: none ;}

.sk-wave .sk-rect1 {
    -webkit-animation-delay: -1.2s;
    animation-delay: -1.2s
;}

.sk-wave .sk-rect2 {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s
;}

.sk-wave .sk-rect3 {
    -webkit-animation-delay: -1s;
    animation-delay: -1s
;}

.sk-wave .sk-rect4 {
    -webkit-animation-delay: -.9s;
    animation-delay: -.9s
;}

.sk-wave .sk-rect5 {
    -webkit-animation-delay: -.8s;
    animation-delay: -.8s
;}

@-webkit-keyframes sk-waveStretchDelay {
    0%, 100%, 40% {
        -webkit-transform: scaleY(.3);
        transform: scaleY(.3)
    ;}

    20% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    ;}
}

@keyframes sk-waveStretchDelay {
    0%, 100%, 40% {
        -webkit-transform: scaleY(.3);
        transform: scaleY(.3)
    ;}

    20% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    ;}
}

.red-color {
    color: #f0463c;
    font-size: 15px;}

.orange-color { color: #ff6811 ;}

label { font-weight: 400 ;}

.page_unclick_bg {
    width: 100%;
    background: #fff;
    z-index: 998;
    left: 0;
    height: 2000px;
    opacity: -.4;
    cursor: not-allowed
;}

.collect-info-title {
    padding: 10px 10px 0;
    font-size: 14px;
    font-weight: 700;
    color: #333
;}

.popWindow {
    background-color: #000;
    width: 100%;
    height: 100%;
    left: 0;
    filter: alpha(opacity=50);
    opacity: .6;
    z-index: 1
;}

.maskLayer {
    line-height: 30px;
    right: 10px;
    z-index: 2
;}

.maskLayer img {
    height: 150px;
    padding-right: 5px
;}

.return-link { margin-top: 15px ;}

.return-link a, .return-link a:visited { color: #999 ;}

.lx_footer_logo {
    font-size: 10px;
    color: #999;
    margin: 10px 0
;}

.lx_footer_logo a {
    color: #999;
    line-height: 22px
;}

.success {
    font-family: Lato, 'Segoe UI', 'Helvetica Neue', 'Microsoft YaHei', Arial, Helvetica, 'Hiragino Sans GB', 'Hiragino Sans GB W3', sans-serif;
    margin-bottom: 10px;
    overflow: hidden
;}

.module_pro a.link-color, .project-list .note-text, body { font-family: Lato, 'Segoe UI', 'Helvetica Neue', 'Microsoft YaHei', Arial, Helvetica, "Hiragino Sans GB", "Hiragino Sans GB W3", sans-serif ;}

.fund-name {
    position: absolute;
    width: 100%;
    bottom: 0;
    padding: 6px 10px;
    font-size: 16px
;}

.pro_title {
    padding: 5px 5px 5px 10px;
    border-bottom: 1px solid #d6d6d6;
    margin-bottom: 5px;
    vertical-align: center
;}

.pro_title .title { font-size: 14px ;}

.pro_title span.title { vertical-align: middle ;}

.project { padding: 10px ;}

.module_pro {
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    overflow: hidden
;}

.module_pro a.link-color {
    color: #333;
    font-weight: 400;
    text-decoration: none
;}

.module_pro .title {
    margin-bottom: 2px;
    font-weight: 700;
    font-size: 14px;
    color: #333
;}

.module_pro .support {
    border: 1px solid #d6d6d6;
    border-radius: 5px;
    background: #f8f8f8;
    padding: 5px;
    margin: 10px 5px
;}

.module_pro .support .donators { padding: 5px ;}

.module_pro .support .donators .user img { border-radius: 50% ;}

.module_pro .support .donators .user .nickname {
    font-size: 14px;
    font-weight: 700;
    color: #333;
    text-align: center;
    padding: 5px 0;
    max-width: 60px
;}

.project .project-desc img, img { max-width: 100% ;}

.module_pro .support .donators .info-block {
    padding-left: 15px;
    margin: 0;
    overflow: hidden
;}

.module_pro .support .donators .info-block .left {
    width: 68%;
    float: left
;}

.module_pro .support .donators .info-block .left .nickname {
    font-size: 14px;
    font-weight: 700;
    color: #333;
    padding-bottom: 5px
;}

.module_pro .support .donators .info-block .right {
    width: 32%;
    float: right;
    text-align: right
;}

.module_pro .support .donators .info-block .donate-message {
    color: #999;
    float: left
;}

.module_pro .support .donators .info-block .donate-amount { color: #ff6811 ;}

.module_pro .support .donators .info-block .donate-time {
    color: #999;
    padding: 5px 0
;}

.module_pro .project .project_img {
    width: 30%;
    text-align: center
;}

.module_pro .project .project_img img { width: 90% ;}

.module_pro .project .project_desc { width: 68% ;}

.module_pro .project .project_desc .project_summary { padding: 4px ;}

.module_pro .project .project_desc .project_summary a { color: #888 ;}

.module_pro .project:nth-last-child(1) { border-bottom: none ;}

.module_pro .general_project {
    border: 1px solid #d6d6d6;
    padding: 10px;
    border-radius: 5px;
    margin-left: 1%;
    width: 48%;
    margin-top: 5px;
    margin-bottom: 5px;
    height: 82px
;}

.fund-btn, .module_pro .instant div:nth-child(2) {
    border-radius: 5px;
    text-align: center;
    cursor: pointer
;}

.module_pro .general_project .title {
    height: 41px;
    overflow: hidden
;}

.module_pro .fund_past {
    padding: 5px 20px;
    border-bottom: 1px solid #d6d6d6
;}

.module_pro .fund_past div { margin-bottom: 10px ;}

.module_pro .fund_past div:not(.title) { margin-left: 20% ;}

.module_pro .fund_past:nth-last-child(1) { border-bottom: none ;}

.module_pro .instant { padding: 10px ;}

.module_pro .instant div:nth-child(2) {
    width: 60%;
    margin: 20px auto;
    border: 1px solid #5e247b;
    padding: 5px
;}

*, .block-title, ol, ul { margin: 0 ;}

.list-nav, .project-list {
    padding: 10px;
    overflow: hidden
;}

.module_pro .instant div:nth-child(2) .title { text-align: center ;}

.module_pro .content-news:nth-last-child(1) { border-bottom: none ;}

.list-nav .active { color: #7c1820 ;}

.ajax-list {
    position: relative;
    overflow: hidden
;}

.basic-fund-detail { height: 81px ;}

@media (min-width: 600px) {
    .basic-fund-detail { height: 101px ;}
}

.crowdfunding-fund-detail, .together-fund-detail {
    min-height: 56px;
    max-height: 78px
;}

.together-project-donators {
    min-height: 174px;
    max-height: 208px
;}

.together-project-donatorschidlist { min-height: 174px;}

.crowdfunding-project-donators {
    min-height: 130px;
    max-height: 208px
;}

.rotating {
    -webkit-animation: gr-spin 2s infinite linear;
    animation: gr-spin 2s infinite linear
;}

@-webkit-keyframes gr-spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    ;}

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    ;}
}

@keyframes gr-spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    ;}

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    ;}
}

.project-list {
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee
;}

.project-list .project {
    padding: 10px 0;
    border-bottom: 1px solid #eee
;}

.project-list .project .project-img {
    width: 30%;
    text-align: center
;}

.project-list .project .project-img img { width: 90% ;}

.project-list .project .no-img { padding: 25px 15px ;}

.project-list .project .project-desc {
    padding: 0;
    width: 68%
;}

.project-list .project .project-desc .project-summary {
    padding: 5px 0;
    color: #696969
;}

.project-list a.link-color, a, a:visited {
    color: #333;
    text-decoration: none
;}

.project-list a.link-color { font-weight: 400 ;}

.project-list .note-text {
    font-size: 16px;
    border-bottom: 1px solid #d6d6d6;
    padding: 5px 5px 10px
;}

.project-list .project:nth-last-child(1) { border-bottom: none ;}

* { padding: 0 ;}

body {
    font-size: 15px;
    margin: 0 auto;
    background: #e6eaed;
    overflow-x: hidden
;}

.crowd-btn, .fund-btn, .praise-btn { background: #ff6811 ;}

.fixed-navbar-makeup { padding-top: 10px ;}

a img, a:visited img { opacity: 1 ;}

a img:hover, a:visited img:hover { opacity: .9 ;}

.mfp-image-holder .mfp-content, img.mfp-img { width: 100% ;}

.strong { font-weight: 700 ;}

.seperate {
    padding-left: 2px;
    padding-right: 2px
;}

a:focus, a:hover {
    color: #01aef0;
    text-decoration: none
;}

ol, ul { padding: 0 ;}

li { list-style-type: none ;}
.CommonProblem div:first-child {
    padding-top: 10px;}
.title {
    font-size: 14px;
    font-weight: 700;
    color: #333
;}

.container {
    padding-left: 0;
    padding-right: 0;
    position: relative;
    width: 100%;}

.table td { padding: 5px 0 ;}

.fund-btn, .table > tbody > tr > td { padding: 8px 0 ;}

.fund-btn {
    color: #fff;
    float: left;
    border: 0;
    font-size: 15px
;}

.cancel-btn { background: #DBE0E0 ;}

a.back_form_btn {
    line-height: 30px;
    cursor: pointer
;}

.user_agreement { padding: 0 10px ;}

.fundraising-input {
    position: relative;
    padding: 5px
;}

.fundraising-input input { color: #ff6811 ;}

.fundraising-input .errorTip {
    top: 15px;
    right: 32px
;}

.fundraising-input span.input_placeholder {
    position: absolute;
    left: 14px;
    top: 14px
;}

.fundraising-input span.input_tip {
    position: absolute;
    right: 14px;
    top: 14px
;}

.fundraising-input .fundraising_money {
    padding-left: 50%;
    font-size: 16px
;}

.share-fund {
    border-radius: 5px;
    border: 1px solid #ff6811;
    width: 60%;
    text-align: center;
    padding: 8px;
    margin: 10px auto
;}

.share-fund .fund-icon { width: 0 ;}

.fund-too {
    background: #ff6811;
    border: none;
    color: #fff
;}

.item_img {
    width: 100px;
    height: 80px
;}

.fund-icon {
    display: inline-block;
    background: url(../images/fund_icon.jpg) center center no-repeat;
    background-size: 89px;
    height: 16px;
    width: 16px;
    vertical-align: top
;}

.bind-submit-title { padding-left: 0 ;}

.bind-sub .fund-icon { width: 0 ;}

.pro_title .fund-icon {
    height: 14px;
    width: 14px;
    vertical-align: middle
;}

.fund-icon.back-icon { background-position: -16px 1px ;}

.fund-icon.userdashboard-icon { background-position: 0 1px ;}

.fund-icon.userdashboard-icon-with-circle { background-position: -48px -31px ;}

.fund-icon.share-icon { background-position: -16px -32px ;}

.fund-icon.footprint-icon { background-position: -64px -16px ;}

.fund-icon.bind-icon { background-position: -32px -31px ;}

.fund-icon.donate-raising-icon { background-position: 0 -64px ;}

.fund-icon.donate-amount-icon { background-position: -64px -48px ;}

.fund-icon.donate-count-icon { background-position: -48px -32px ;}

.fund-icon.love-icon { background-position: -18px -17px ;}

.fund-icon.love-icon-no-bg {
    margin-top: 2px;
    background-position: -32px -15px
;}

.fund-icon.love-icon-purple-border {
    background-position: -48px -16px;
    margin-top: 1px
;}

.fund-icon.invite-icon { background-position: 0 -30px ;}

.fund-icon.praise-icon-white-solid { background-position: -32px 1px ;}

.fund-icon.praise-icon-red-solid { background-position: -48px 1px ;}

.fund-icon.praise-icon { background-position: -64px 1px ;}

.fund-icon.fund-flag-icon { background-position: -16px 0 ;}

.fund-icon.qa-icon {
    background-position: -32px -48px;
    margin-top: 2px
;}

.fund-icon.qa-down-icon {
    background-position: 0 -78px;
    margin-top: 4px
;}

.fund-icon.qa-left-icon {
    background-position: -15px -79px;
    margin-top: 4px
;}

.fund-icon.progress-icon { background-position: -64px -32px ;}

.fund-icon.refresh-icon {
    top: 45%;
    left: 46%;
    position: absolute;
    background-position: -16px -48px
;}

.fund-icon.triangle-icon { background-position: 0 -48px ;}

.content {
    width: 100%;
    overflow: hidden;
    color: #666;
    background: #fff;}

.content .shouye { display: none ;}

.content p { margin-bottom: 10px ;}

.content .content-news {
    padding: 10px 5px;
    border-bottom: 2px #eee solid;
    color: #888
;}

.content .content-news .title-type {
    font-size: 15px;
    font-weight: 700; /*margin-bottom:5px;*/
    color: #333
;}

.content .content-news .desc { padding-bottom: 4px ;}

.content .content-news .desc a { color: #888 ;}

.content .content-news .blank_line {
    width: 100%;
    height: 15px
;}

.content .content-news img { border-radius: 5px ;}

.content .content-news .pad-right { padding-right: 2% ;}

.content .content-news .certificate {
    border: 1px solid #d6d6d6;
    color: #ff6811;
    background: #f8f8f8;
    border-radius: 5px;
    padding: 0 2px
;}

.content .title-index {
    width: 32%;
    text-align: center;
    float: left;
    padding: 10px 0
;}

.fund {
    min-height: 37px;
    width: 100%;
    overflow: hidden;
    position: relative
;}

.fund .fund-slot div {
    color: #fff;
    font-size: 16px;
    text-align: center
;}

.fund .fund-honor div, .fund .fund-honor-roll div {
    color: #1F1818;
    font-size: 15px
;}

.fund .fund-slot {
    position: absolute;
    width: 100%;
    background: rgba(255, 104, 17, .6);
    filter: alpha(opacity=60);
    -moz-opacity: .6;
    bottom: 43px;
    padding: 6px 10px 10px
;}

.fund .fund-honor {
    position: absolute;
    height: 50px;
    width: 100%;
    text-align: center;
    top: 23px
;}

.fund .fund-honor-roll {
    position: absolute;
    width: 100%;
    text-align: center;
    top: 24px
;}

.fund .fund-honor-roll img { border-radius: 50% ;}

.fund .fund-honor-roll .avatar { padding-bottom: 54px ;}

.fund .fund_honor_logo {
    width: 100%;
    height: 180px
;}

.fund-donate span, .fund-name span {
    color: #fff;
    text-shadow: 0 0 4px #666;
    font-size: 18px;
    font-weight: 700
;}

.main_visual { border-bottom: 1px solid #eee ;}

.main_visual .fund-donate {
    position: absolute;
    width: 25%;
    background: #9a549d;
    bottom: 25px;
    right: 5%;
    padding: 5px 10px;
    font-size: 16px;
    text-align: center
;}

.main_visual .donate_icon {
    position: absolute;
    right: 5%;
    top: 120px
;}

.fq .fp_content, .fq_qa { position: relative ;}

.main_image img { width: 100% ;}

.fq_qa { padding: 5px 0 10px ;}

.fq_qa .fq_content { margin: 6px 0 ;}

.footer_logo, .nav { margin-bottom: 0 ;}

.fq_qa .fq_content .fq_question {
    padding: 10px;
    background: #f8f8f8;
    border: 1px dotted #ddd;
    position: relative;
    color: #555;
    font-size: 13px;
    overflow: hidden
;}

.all_donate, .mp_detail { border-top: 1px solid #eee ;}

.fq_qa .fq_content .fq_question .word { line-height: 20px ;}

.fq_qa .fq_content .fq_question .qa-down, .fq_qa .fq_content .fq_question .qa-left {
    width: 16px;
    height: 16px;
    padding: 3px
;}

.fq_qa .fq_content .fq_ask {
    padding: 15px 10px;
    font-size: 13px;
    color: #666
;}

.fq { padding: 10px 0 ;}

.fq .fp_content .timeline {
    height: 16px;
    font-size: 13px;
    margin-left: -9px
;}

.fq .fp_content .timeblock { padding: 0 16px ;}

.fq .fp_content .fp_images {
    padding: 10px 0 10px 25px;
    border-left: 2px solid #e1721e;
    margin-left: -2px
;}

.fq .fp_content .fp_images .fp_image_item {
    padding-right: 10px;
    display: inline-block
;}

.fq .fp_content .fp_images .fp_image_item .fp_image {
    width: 60px;
    height: 60px
;}

.fq .fp_content .fp_alt {
    padding: 10px 0 10px 25px;
    border-left: 2px solid #e1721e;
    margin-left: -2px
;}

.footer_logo {
    position: static;
    visibility: hidden;
    bottom: 0;
    left: 0;
    padding-top: 6px;
    padding-bottom: 5px;
    background: #eee;
    z-index: 0;
    width: 100%
;}

.footer_logo .pull-left {
    width: 70%;
    padding-left: 5%
;}

.footer_logo .pull-right {
    width: 30%;
    font-size: 12px;
    text-align: right;
    padding-right: 10%;
    height: 32px;
    line-height: 32px
;}

.footer_logo .pull-right a { color: #999 ;}

.nav .active, .nav td a:hover {
    color: #7c1820;
    border-radius: 0
;}

.nav td {
    text-align: center;
    margin-right: 40%;
    font-size: 14px
;}

.nav td a:hover { border-bottom: 0 ;}

.mp_detail, .project { border-bottom: 1px solid #eee ;}

.graph {
    position: relative;
    background: #eee
;}

.graph span {
    position: relative;
    display: block;
    border-radius: 12px;
    height: 6px
;}

.graph .red { background-color: #ff6811 ;}

.plan { margin-bottom: 5px ;}

.all_donate_avatar .table, .project { margin-bottom: 2px ;}

.all_donate_together .table, .project {
    margin-bottom: 2px;
    padding: 0 5px;
    overflow: hidden;}

.all_donate_myT .table, .project { margin-bottom: 2px ;}

.plan .process { padding: 10px 0 ;}

.plan .process .fund_flag img {
    position: absolute;
    top: -17px;
    margin-left: -7px
;}

.plan_num {
    width: 15%;
    text-align: right
;}

.mp_detail {
    padding: 10px;
    font-size: 14px;
    line-height: 22px
;}

#support_reason {
    font-size: 12px;
    height: 70px
;}

.partition {
    height: 5px;
    background: #f4f4f4
;}

.project { font-size: 13px ;}

.project img { border-radius: 5px ;}

.project .pull-left .title { padding-bottom: 10px ;}

.project .pull-right { padding-left: 10px ;}

.project .project_data { padding: 8px 0 ;}

.project .project-desc { padding: 10px 0 ;}

.project #project_summary { padding: 8px 0 ;}

.project #project_content {
    display: none;
    overflow: hidden
;}

.footer_fund {
    width: 100%;
    bottom: 0;
    overflow: hidden;
    position: fixed;
    background: rgba(66, 66, 66, .5);
    padding: 5px
;}

.do-together, .invite { position: relative ;}

.all_donate { padding: 5px ;}

.all_donate .content-news .project_img {
    width: 30%;
    text-align: center
;}

.all_donate .content-news .project_img img {
    border-radius: 5px;
    margin: 2px
;}

.all_donate .content-news .project_desc { width: 65% ;}

.all_donate .content-news .project_desc .project_summary a { color: #888 ;}

.all_donate_title {
    padding: 10px 5px 5px;
    font-size: 15px
;}

.all_donate_title .more_avatar {
    color: #797179;
    padding-right: 8px;
    font-size: 12px
;}

.all_donate_avatar .table div.cell {
    float: left;
    box-shadow: border-box;
    width: 20%;
    padding: 4px 4px 10px
;}

.all_donate_avatar .table div.cell img {
    width: 50px;
    height: 50px
;}

.all_donate_avatar td img {
    border-radius: 50%;
    border: 2px solid #e8e9e1;
    width: 95%
;}

.all_donate_avatar .active {
    background: url(../images/triangle.jpg) 24px 96% no-repeat;
    background-size: 9px 9px
;}

.all_donate_together .table div.cell {
    float: left;
    box-shadow: border-box;
    width: 25%;
    padding: 4px 4px 10px;
    text-align: center;}

.all_donate_together .table div.cell img {
    width: 50px;
    height: 50px
;}

.all_donate_together td img {
    border-radius: 50%;
    border: 2px solid #e8e9e1;
    width: 95%
;}

.all_donate_together .active { border: 1px solid #b20a0a;}

.all_donate_myT .table div.cell {
    float: left;
    box-shadow: border-box;
    width: 33.3%;
    padding: 2px 2px;}

.all_donate_myT .table div.cell p {
    height: 35px;
    margin: 0;
    text-align: center;
    line-height: 35px;
    font-size: 1.6rem;}

.all_donate_myT .table div.cell img {
    width: 50px;
    height: 50px
;}

.all_donate_myT td img {
    border-radius: 50%;
    border: 2px solid #e8e9e1;
    width: 95%
;}

.all_donate_myT .active {
    border-bottom: 3px solid #d93f36;
    color: #d93f36;}

.all_donate_ask { padding: 0 10px 5px ;}

.all_donate_ask_myT { padding: 0 0 5px ;}

.all_donate_ask .all_donate_content {
    /*border:1px solid #ddd;*/
    /*border-radius:5px;*/
    padding: 5px;}

.all_donate_ask_myT .all_donate_content {
    border: none;
    padding: 0;}

.all_donate_ask .comment { display: none ;}

.all_donate_ask .title {
    font-size: 13px;
    margin-bottom: 4px
;}

.project_active div { float: left ;}

.remove_gap { margin-top: 0 !important ;}

.fund-title { padding: 10px 5px ;}

.fund-active {
    overflow: hidden;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    padding: 10px 2%
;}

.fund-active .pull-left {
    width: 50%;
    box-sizing: border-box;
    float: right;
    text-align: center;
    overflow: hidden
;}

.fund-active .pull-left:nth-child(1) { border-right: 1px solid #eee ;}

.fund-active .pull-left .project_img img { width: 80% ;}

.fund-active .pull-left div { padding-bottom: 5px ;}

.fund-active .title a {
    color: #8B1B11;
    overflow: hidden;
    white-space: nowrap
;}

.fund-active img { border-radius: 5px ;}

.foundation { padding: 5px 2% ;}

.foundation div {
    width: 42%;
    float: left;
    border: 1px solid #d6d6d6;
    background: #f8f8f8;
    border-radius: 5px;
    margin-left: 2%;
    padding: 5px;
    margin-bottom: 10px
;}

.crowd_img {
    overflow: hidden;
    width: 100%;
    background-size: 100%
;}

.do-together {
    width: 100%;
    padding: 5px
;}

.do-together .do-together_title {
    margin-bottom: 10px;
    font-size: 15px;
    color: #333
;}

.do-together .project {
    background: #fff;
    width: 100%;
    border: 1px solid #d6d6d6;
    border-radius: 5px
;}

.do-together .project .project_img {
    width: 30%;
    text-align: center
;}

.do-together .project .project_img img { width: 100% ;}

.do-together .project .project_desc { width: 68% ;}

.do-together .project .project_desc .desc { padding-top: 5px ;}

.project_progess .qa_progress_title, .project_qa .qa_question {
    font-size: 13px;
    font-weight: 700;
    padding: 12px 0;
    background: #f8f8f8
;}

.do-together .project img { border-radius: 5px ;}

.do-together .project .pull-left:nth-child(3) { width: 60% ;}

.project_qa .qa_question { color: #333 ;}

.project_qa .qa_answer { color: #666 ;}

.project_progess .qa_progress_title { color: #333 ;}

.project_progess .qa_progress_desc { color: #666 ;}

.all-do-money {
    width: 100%;
    overflow: hidden;
    font-size: 14px
;}

.all-do-money .select-money td { width: 25% ;}

.all-do-money .table { margin-bottom: 0 ;}

.all-do-money .table td {
    padding: 5px;
    border-top: none
;}

.all-do-money .table td div {
    border: 1px solid #d6d6d6;
    border-radius: 5px;
    text-align: center;
    padding: 5px 0;
    background: #f8f8f8;
    cursor: pointer
;}

.all-do-money .table td .active {
    background-color: #fff;
    border-color: #ff6811
;}

.other_money {
    margin-top: 10px;
    margin-bottom: 10px
;}

.other_money input {
    margin-left: 2%;
    width: 95%;
    height: 30px;
    padding: 10px;
    border-radius: 4px
;}

.fund-block {
    margin-left: 0;
    margin-right: 0
;}

.fund-block .module_pro:nth-last-child(1) {
    border-bottom: none;
    margin-bottom: 15px
;}

.form-fill-tip { padding: 10px 10px 0 ;}

.box-border {
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee
;}

.box-border-top {
    border-top: 1px solid #eee;
    border-bottom: none
;}

.box-border-bottom {
    border-top: none;
    border-bottom: 1px solid #eee
;}

.donation_state_title { padding: 5px ;}

.donation_state_title input { margin-top: -3px ;}

.support.donation_state {
    margin-right: 5px;
    margin-left: 5px;
    height: 80px;
    overflow-y: scroll;
    border-radius: 0
;}

.support .project { border-bottom: none ;}

.support .project .project_img {
    width: 30%;
    text-align: center
;}

.support .project .project_img img { width: 90% ;}

.support .project .project_title {
    width: 68%;
    padding-left: 10px
;}

.invite .inviter_goal {
    width: 100%;
    overflow: hidden
;}

.inviter {
    text-align: center;
    margin-top: 35px;
    margin-bottom: 10px
;}

.inviter .title {
    color: #8b5150;
    position: absolute;
    top: 5px;
    font-size: 16px;
    height: 50px;
    width: 100%;
    text-align: center
;}

.pro_share, .pro_share a, .pro_share span { color: #fff ;}

.inviter img { border-radius: 50% ;}

.pro_share {
    padding: 8px 10px;
    overflow: hidden;
    background: #8b5150
;}

.all_together_fund .support {
    width: 100%;
    margin-left: 0;
    border-radius: 0;
    background: 0 0;
    border: none;
    margin-top: 0;
    margin-bottom: 0;
    border-bottom: 1px solid #d6d6d6
;}

.all_together_fund .support .project { background: 0 0 ;}

.all_together_fund .support .project_detail {
    padding-left: 10px;
    padding-right: 10px
;}

.all_together_fund .support:nth-last-child(1) { border-bottom: none ;}

.all_together_fund .support .project .pull-left:nth-child(1), .ƒ-slot .pull-left:nth-child(1) { width: 20% ;}

.all_together_fund .support .project .pull-left img, .fund .fund-slot .pull-left img { border-radius: 50% ;}

.all_together_fund .support .project .pull-left:nth-child(2), .fund-slot .pull-left:nth-child(2) { width: 78% ;}

.fund_stay {
    width: 59%;
    margin-left: 20%;
    margin-top: 30px;
    padding: 10px 0;
    border: 1px solid #ff6811;
    text-align: center;
    border-radius: 5px
;}

.nav-tab, .rank .table td { border-bottom: 1px solid #d6d6d6 ;}

.fund-slot .pull-left:nth-child(2) div:nth-child(2) { margin-top: 5px ;}

.fund_awards {
    position: relative;
    padding: 0;
    width: 90%;
    margin: 10px auto 15px;
    border: 1px solid #d6d6d6;
    background: #f8f8f8
;}

.fund_awards .fund_awards_img {
    position: absolute;
    top: 0;
    left: 8%;
    max-width: 45%
;}

.fund_awards .fund_awards_img img { height: 130px ;}

.fund_awards .fund_awards_detail {
    padding-left: 55%;
    padding-right: 10px;
    line-height: 25px;
    height: 130px;
    display: table
;}

.fund_awards .fund_awards_detail .fund_award {
    display: table-cell;
    vertical-align: middle
;}

.fund_awards div:nth-last-child(1) { text-align: left ;}

.fund_past input { margin-top: -3px ;}

.nav-tab { padding: 5px 0 ;}

.nav-tab .pull-left {
    width: 49%;
    text-align: center
;}

.nav-tab div:nth-child(1) { border-right: 1px solid #d6d6d6 ;}

.nav-tab .active { color: #7c1820 ;}

.rank { margin-top: 10px ;}

.rank .table {
    width: 80%;
    margin: 0 auto
;}

.rank .table td {
    border-top: none;
    overflow: hidden
;}

.rank .table tr td { width: 50% ;}

.rank .table tr td:nth-child(1) { padding-left: 20px ;}

.rank .table tr td:nth-child(2) { text-align: right ;}

.rank .table tr:nth-last-child(1) td { border-bottom: none ;}

.index {
    width: 240px;
    height: 240px;
    position: relative;
    top: 80px;
    margin: 0 auto
;}

.index li {
    display: block;
    width: 80px;
    height: 80px;
    position: absolute;
    text-align: center;
    overflow: hidden
;}

.index li span {
    position: relative;
    top: 55px;
    font-size: 18px;
    white-space: nowrap
;}

.index .index-fund {
    top: 0;
    left: 80px
;}

.index .index-active {
    top: 80px;
    right: 0
;}

.index .index-about {
    top: 160px;
    left: 80px
;}

.index .index-rank {
    top: 80px;
    left: 0
;}

.index-logo {
    text-align: center;
    padding: 5px 0;
    background: #f8eeef
;}

.protocol { padding: 10px ;}

.protocol div { margin-bottom: 5px ;}

.protocol .protocol_content {
    border: 1px solid #d6d6d6;
    padding: 2px 10px;
    height: 80px;
    color: #999;}

.protocol_content {
    border: 1px solid #d6d6d6;
    padding: 2px 10px;
    height: 80px;
    color: #999;}

.protocol_content_jj { overflow-y: scroll;}

.donate-news-list-refresh, .user-dash-board .module_pro, .user-dash-board .module_pro .content-news, .user-dash-board .module_pro .content-news .pull-right .project_active, .user-dash-board .module_pro .content-news .pull-right .project_active div:nth-child(1) { overflow: hidden ;}

.protocol input { margin-top: -3px ;}

.protocol label { margin-bottom: 0 ;}

.message { font-size: 15px ;}

.message .edit_message {
    position: relative;
    border: 1px solid #d6d6d6;
    height: 30px;
    border-radius: 3px;
    width: 90%;
    margin: 10px auto
;}

.message .edit_message .form_name {
    position: absolute;
    background: #f4f4f4;
    width: 60px;
    padding: 5px;
    border-right: 1px solid #d6d6d6
;}

.message .edit_message .form_value input {
    height: 30px;
    width: 100%;
    padding-left: 75px;
    border: none
;}

.message .edit_sex {
    height: 20px;
    width: 90%;
    margin: 10px auto
;}

.edit_sex input { margin-left: 5% ;}

.edit_message.edit_half { border: none ;}

.edit_half .pull-left, .edit_half .pull-right {
    width: 50%;
    border: 1px solid #d6d6d6;
    border-radius: 3px;
    height: 30px
;}

.edit_half .form_select { border: none ;}

.edit_half .form_select select {
    border: none;
    width: 100%
;}

.edit_submit div {
    text-align: center;
    line-height: 30px
;}

.edit_submit div:nth-child(2) {
    background: #bd1d25;
    color: #fff
;}

.bind_phone {
    width: 70%;
    margin: 0 auto
;}

.bind_phone div { margin-top: 10px ;}

.bind_phone div input {
    height: 30px;
    border-radius: 0;
    width: 100%
;}

.swiper-slide, .swiper-wrapper { height: auto !important ;}

.bind_phone .bind_sub {
    width: 80%;
    margin: 10px auto;
    text-align: center;
    border: 1px solid #ff6811;
    padding: 5px 0;
    color: #ff6811;
    border-radius: 5px
;}

.bind_phone div:nth-child(3) { position: relative ;}

.bind_phone div:nth-child(3) button {
    position: absolute;
    top: 0;
    right: 0
;}

.bind_phone div:nth-child(3) input { padding-right: 100px ;}

#noty_topCenter_layout_container { color: #fff ;}

#model_pay .disabled {
    cursor: not-allowed;
    pointer-events: none;
    opacity: .65;
    filter: alpha(opacity=65);
    box-shadow: none
;}

.swiper-slide { text-align: center ;}

.donate-news-list-loading {
    height: 48px;
    font-size: 28px
;}

.donate-news-list-loading .fa { line-height: 48px ;}

.donate-news-list-loading, .donate-news-list-more, .donate-news-list-refresh {
    text-align: center;
    color: #666;
    line-height: 48px;
    background: #f5f5f5
;}

.donate-news-list-refresh { height: 0 ;}

.donate-news-list-more { height: 48px ;}

.donate-news-list { border-bottom: none ;}

.donate-news-list-bd .content-news:last-child, .donate-news-list-bd .support:last-child { border: none ;}

.donate-news-list-bd .content-news:first-child, .donate-news-list-bd .support:first-child { border-bottom: 2px solid #eee ;}

.donate-news-list-bdchild .content-news:last-child, .donate-news-list-bdchild .support:last-child { border: none ;}

.donate-news-list-bdchild .content-news:first-child, .donate-news-list-bdchild .support:first-child { border-top: 2px solid #eee ;}

.footer-log-static { visibility: visible ;}

.footer-log-fixed { position: absolute ;}

.bottom_wrapper {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 5px 10px;
    background: #fff;
    border-top: 1px solid #eee;
    box-shadow: 0 -2px 5px #eee;
    text-align: center
;}

.bottom_wrapper a {
    display: inline-block;
    float: none;
    padding: 8px 30%
;}

.bottom_wrapper a:focus, .bottom_wrapper a:hover, .bottom_wrapper a:visited { color: #fff ;}

.project_tab_list { padding: 10px ;}

ul#project_tab li > a:focus, ul#project_tab li > a:hover { background-color: #fff ;}

.donator-list-title {
    background: #eee;
    padding: 10px;
    color: #ff6811
;}

.donator-list-title a { color: #ff6811 ;}

.donator-list-title span.center-word {
    position: absolute;
    left: 40%;
    right: 40%;
    width: 20%;
    text-align: center
;}

.form-ft-btn { padding: 10px 10px;}

.form-ft-btn .protocol {
    padding: 10px 0 0;
    font-size: 14px
;}

#form-anonymous-li .label {
    font-size: 11px;
    font-weight: 400;
    color: #666
;}

.donate-loading-text { font-size: 14px !important ;}

.dropload-up .arrow-icon {
    position: relative;
    bottom: 2px
;}

.dropload-up .loading {
    position: relative;
    bottom: 1px
;}

.share-cerficate .thumbnail {
    width: 90px;
    height: 70px
;}

.share-cerficate .content-news .project_img {
    width: 30%;
    text-align: center
;}

.share-cerficate .content-news .project_img img { width: 90% ;}

.share-cerficate .content-news .text_news { width: 65% ;}

.share-cerficate .fund_honor_logo {
    width: 100%;
    height: 172px
;}

.user-dash-board { min-height: 320px ;}

.user-dash-board .fund .fund-slot { padding: 10px 22px ;}

.user-dash-board .fund .fund-slot .avatar {
    width: 50px;
    height: 50px
;}

.user-dash-board .fund .fund-slot .pull-left:nth-child(2) div {
    text-align: left;
    padding-left: 14px
;}

.user-dash-board .fund .fund-slot .pull-left:nth-child(2) .nickname {
    font-size: 18px;
    font-weight: 700;
    color: #fff
;}

.user-dash-board .fund-empty-btn {
    width: 60%;
    margin: 20px auto;
    padding: 8px 0;
    border: 1px solid #ff6811;
    text-align: center;
    border-radius: 5px;
    cursor: pointer
;}

.user-dash-board .fund-box { padding: 20px ;}

.user-dash-board .fund-box .word { color: #333 ;}

.user-dash-board .module_pro .fund_past div { margin-top: 10px ;}

.user-dash-board .module_pro .content-news .project_img {
    width: 30%;
    text-align: center
;}

.user-dash-board .module_pro .content-news .project_img img { width: 90% ;}

.user-dash-board .module_pro .content-news .project_desc {
    width: 68%;
    padding-right: 1%
;}

.user-dash-board .module_pro .content-news .pull-right .title-type {
    font-size: 15px;
    font-weight: 700;
    margin-bottom: 5px;
    color: #333
;}

.user-dash-board .module_pro .content-news .pull-right .project_active .certificate {
    border: 1px solid #d6d6d6;
    color: #ff6811;
    background: #f8f8f8;
    border-radius: 5px;
    padding: 0 2px;
    float: left;
    cursor: pointer
;}

.user-dash-board .module_pro .content-news .pull-right .project_active div:nth-child(2) {
    text-align: center;
    float: right;
    overflow: hidden
;}

.bind-user .title { padding: 15px ;}

.bind-user .bind-phone {
    width: 70%;
    margin: 0 auto
;}

.bind-user .bind-phone div { margin-top: 10px ;}

.bind-user .bind-phone div input {
    height: 30px;
    border-radius: 4px;
    width: 100%;
    background-color: #fff;
    background-image: none;
    line-height: 1.42857143;
    border: 1px solid #dbe1e8;
    padding: 4px 5px
;}

.bind-user .bind-phone div:nth-child(3) { position: relative ;}

.bind-user .bind-phone div:nth-child(3) button {
    position: absolute;
    top: 0;
    right: 0;
    height: 30px;
    border: none;
    background-color: #f1f3f6;
    border-left: 1px solid #dbe1e8
;}

.main_image, .main_visual {
    position: relative;
    overflow: hidden
;}

.bind-user .bind-phone .bind-sub {
    width: 100%;
    margin: 10px auto;
    text-align: center;
    border: 1px solid #ff6811;
    padding: 5px 0;
    color: #ff6811;
    border-radius: 5px
;}

.main_visual { border-top: 1px solid #d7d7d7 ;}

.main_image { height: 160px ;}

.main_image ul {
    width: 9999px;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0
;}

.main_image li {
    float: left;
    width: 100%
;}

.main_image li a, .main_image li span {
    display: block;
    width: 100%
;}

div.flicking_con {
    position: absolute;
    top: 130px;
    left: 50%;
    z-index: 999;
    width: 300px;
    height: 21px;
    margin: 0 0 0 -50px
;}

#cf_form ul, div.flicking_con a {
    margin: 0;
    padding: 0
;}

div.flicking_con a {
    float: left;
    width: 21px;
    height: 21px;
    background: url(../../dist/images/btn_main_img.jpg) no-repeat;
    display: block;
    text-indent: -1000px
;}

div.flicking_con a.on { background-position: 0 -21px ;}

#btn_next, #btn_prev {
    z-index: 11111;
    position: absolute;
    width: 73px !important;
    height: 74px !important;
    top: 50%;
    margin-top: -37px;
    display: none
;}

#btn_prev {
    background: url(../../dist/images/hover_left.jpg) left top no-repeat;
    left: 100px
;}

#btn_next {
    background: url(../../dist/images/hover_right.jpg) right top no-repeat;
    right: 100px
;}

#cf_form li { list-style: none ;}

#cf_form label {
    margin-bottom: 1px;
    font-size: 14px
;}

#cf_form input { margin-bottom: 2px ;}

#cf_form input[type=color], #cf_form input[type=date], #cf_form input[type=datetime-local], #cf_form input[type=datetime], #cf_form input[type=email], #cf_form input[type=month], #cf_form input[type=number], #cf_form input[type=password], #cf_form input[type=search], #cf_form input[type=tel], #cf_form input[type=text], #cf_form input[type=time], #cf_form input[type=url], #cf_form input[type=week], #cf_form select, #cf_form select.span6, #cf_form textarea, #cf_form textarea.span6 {
    margin-bottom: 2px;
    padding: 5px;
    font-family: inherit;
    font-size: 13px;
    width: 100%
;}

#cf_form select.span6 { width: 100% ;}

#cf_form select { height: 32px ;}

#cf_form input[type=submit] { font-family: inherit ;}

#cf_form input.widget_address { width: 262px ;}

#cf_form blockquote { color: #666 ;}

#cf_form blockquote p {
    font-size: 14px;
    line-height: 22px
;}

#cf_form textarea { height: 100px ;}

#cf_form .justcenter { text-align: center ;}

#cf_form .justright { text-align: right ;}

#cf_form .control-group { margin: 6px 0 ;}

#cf_form .control-group .control-label { width: 475px ;}

#cf_form .control-group .controls { position: relative ;}

#cf_form .control-group .controls .checkbox, #cf_form .control-group .controls .radio {
    display: inline-block;
    height: 28px
;}

#cf_form .control-group .controls .form-control { display: inline-block ;}

#cf_form .checkbox.inline + .checkbox.inline, #cf_form .radio.inline + .radio.inline { margin-left: 0 ;}

#cf_form .checkbox.inline2, #cf_form .radio.inline2 { width: 46% ;}

#cf_form .checkbox.inline3, #cf_form .radio.inline3 { width: 29% ;}

#cf_form .checkbox.inline4, #cf_form .radio.inline4 { width: 21% ;}

#cf_form input.option_other {
    width: 180px;
    padding: 2px 5px;
    margin-left: 5px
;}

#cf_form label.option_other_tag { margin-top: 8px ;}

#cf_form span.errorTip {
    position: absolute;
    margin-top: -10px;
    top: 16px;
    right: 33px;
    height: 20px;
    line-height: 20px;
    color: #C00;
    font-size: 12px;
    background: #FFF
;}

#cf_form .checkbox span.errorTip, #cf_form .radio span.errorTip { top: -13px ;}

#cf_form input.errorInput, #cf_form select.errorInput, #cf_form textarea.errorInput {
    border-color: #b94a48;
    outline: 0;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
;}

#cf_form ul.list_display li {
    padding: 5px 10px;
    border-bottom: 1px dashed #DFDFDF
;}

#cf_form ul.list_display li.split {
    padding: 10px 20px 0 25px;
    border-bottom: none;
    background: 0 0 !important
;}

#cf_form ul.list_display li.split .control-label { font-weight: 700 ;}

#cf_form ul.list_display li:hover { background: #F8F8F8 ;}

#cf_form ul.list_display li.error { background: #F2DEDE ;}

@media (max-width: 767px) {
    #cf_form input.span4, #cf_form input.span6, #cf_form select.span4, #cf_form select.span6, #cf_form textarea.span4, #cf_form textarea.span6 { width: 100% ;}
}

@media (max-width: 520px) {
    #cf_form .checkbox.inline2, #cf_form .checkbox.inline3, #cf_form .control-group .control-label, #cf_form .radio.inline2, #cf_form .radio.inline3 { width: 100% ;}

    #cf_form .checkbox.inline4, #cf_form .radio.inline4 { width: 42% ;}

    #cf_form input.widget_address {
        width: 276px;
        margin-top: 6px
    ;}

    #cf_form ul.list_display li.split { padding-left: 15px ;}
}

@media (min-width: 600px) {
    #cf_form ul.list_display li { padding: 5px 20px ;}
}

.content .modal.fade:not(.in) .modal-dialog {
    -webkit-transform: translate3d(0, 25%, 0);
    transform: translate3d(0, 25%, 0)
;}

.content .modal-header .modal-title { font-weight: 700 ;}

.content .modal-header { padding: 6px ;}

.content .modal {
    position: absolute;
    width: 100%;
    max-height: 80%;
    height: 80%;
    top: auto;
    overflow: hidden
;}

.content .modal .modal-dialog {
    width: 100%;
    height: 100%;
    margin: 0
;}

.content .modal .modal-dialog .modal-content { height: 100% ;}

.content .modal .modal-dialog .modal-content .modal-body {
    background: #fff;
    height: 100%;
    overflow-y: scroll;
    padding: 0;
    transition: height .2s
;}

.content .modal .list_display { padding: 0 ;}

.content .modal .list_display #li_amonunt {
    padding-left: 0;
    padding-right: 0
;}

#model_pay .modal-content {
    position: relative;
    padding-top: 41px
;}

#model_pay .modal-header {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
;}

.body-overflow { overflow: hidden ;}

.detail-load {
    position: fixed;
    z-index: 10001;
    background: #fff;
    width: 100%;
    height: 100%
;}

.detail-load .spainer, .detail-load .spainer-text {
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    width: 50%;
    overflow: auto;
    text-align: center
;}

.detail-load .spainer {
    top: 0;
    bottom: 0;
    height: 200px
;}

.detail-load .spainer-text { bottom: 10px ;}

.option-fundraising-block {
    width: 100%;
    padding: 10px 5px;
    font-size: 14px;
    border-bottom: 1px dashed #DFDFDF;
    background-color: #FFFCF5
;}

.option-fundraising-block input:focus { box-shadow: none ;}

.option-fundraising-block .table {
    margin: 0;
    padding: 0
;}

.option-fundraising-block .table td {
    margin: 0;
    padding: 5px;
    border: none
;}

.option-fundraising-block .table td div {
    width: 100%;
    border: 1px solid #d6d6d6;
    border-radius: 5px;
    text-align: center;
    padding: 5px 0;
    background: #f8f8f8;
    cursor: pointer
;}

.option-fundraising-block .option_tip { padding: 5px ;}

.option-fundraising-block .red-color { color: #c0060b ;}

.option-fundraising-block .fundraising-input {
    position: relative;
    padding: 0 5px
;}

.option-fundraising-block .fundraising-input .input_placeholder {
    position: absolute;
    left: 14px;
    top: 16px;
    height: 20px;
    margin-top: -10px
;}

.option-fundraising-block .fundraising-input .input_tip {
    position: absolute;
    right: 14px;
    top: 16px;
    height: 20px;
    margin-top: -10px
;}

.option-fundraising-block .quota_money {
    padding-left: 5px;
    font-size: 20px
;}

@media (min-width: 600px) {
    .option-fundraising-block { padding: 10px 15px ;}
}

#form_cf_donater_info div.muted { font-size: 12px ;}

#form_cf_donater_info .form-pay-method {
    text-align: center;
    overflow: hidden;
    margin-top: 5px
;}

#form_cf_donater_info .form-pay-method img {
    margin: 5px;
    border: 1px solid #eee;
    text-align: center;
    border-radius: 5px;
    padding: 5px
;}

#form_cf_donater_info .form-pay-method img.form-pay-method-selected { border: 1px solid #ff6811 ;}

#form_cf_donater_info .pc-pay-method { text-align: left ;}

#form_cf_donater_info .pc-pay-method .hide_display { display: none ;}

#form_cf_donater_info .pc-pay-method img { border: none ;}

#form_cf_donater_info .pc-pay-method .pay-type-block {
    position: relative;
    padding: 0;
    border-bottom: 1px solid #ccc;
    cursor: pointer
;}

#form_cf_donater_info .pc-pay-method .pay-type-block .pay-word {
    line-height: 55px;
    height: 55px
;}

#form_cf_donater_info .pc-pay-method .pay-type-block .circle {
    position: absolute;
    cursor: pointer;
    top: 12px;
    right: 20px;
    width: 30px;
    height: 30px;
    background: #fff;
    border: 1px solid #999;
    border-radius: 50px
;}

#form_cf_donater_info .pc-pay-method .pay-type-block .circle .check-mark {
    position: absolute;
    display: block;
    top: 3px;
    left: 7px;
    color: #ff6811;
    font-size: 15px
;}

#form_cf_donater_info .pc-pay-method .pay-type-block .form-pay-method-selected { border: 1px solid #ff6811 ;}

.fund-bar { padding: 10px ;}

.fund-bar .strong { font-weight: 700 ;}

.fund-bar .plan { margin-bottom: 5px ;}

.img-width { text-align: center;margin: 13px 0 10px 0 ;}

.img-width img { width: 60%;}

.btn-pay { text-align: center; display:none;}

.btn-pay button {
    width: 200px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    color: #ffffff;
    background: #c1262d;
    border-radius: 5px;
    margin: 15px 0;
    font-size: 16px;}

.fund-bar .plan .graph {
    position: relative;
    width: 85%;
    background: #eee;
    margin: 4px 0;
    border-radius: 12px;
    height: 7px
;}

.fund-bar .plan .graph span {
    position: relative;
    display: block;
    border-radius: 12px;
    height: 6px
;}

.fund-bar .plan .percent {
    width: 15%;
    font-size: 12px;
    color: #b30000;
    text-align: right
;}

.fund-bar .bar .text-left {
    width: 40%;
    float: left
;}

.fund-bar .bar .text-left .number {
    padding-left: 2px;
    padding-right: 2px
;}

.fund-bar .bar .text-center {
    width: 30%;
    float: left;
    border-left: 1px solid #d6d6d6;
    border-right: 1px solid #d6d6d6
;}

.fund-bar .bar .text-right {
    width: 30%;
    float: left
;}

.fund-bar .deadline {
    color: #888;
    font-size: 13px
;}

.fund-bar .deadline .time-color { color: #F5A781 ;}

@media (min-width: 600px) {
    .fund-bar { padding: 20px ;}
}

.dropload-down, .dropload-up {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
;}

.dropload-load, .dropload-refresh, .dropload-update {
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 100%;
    height: 50px;
    line-height: 50px;
    text-align: center;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0)
;}

.dropload-down .dropload-load, .dropload-down .dropload-refresh, .dropload-down .dropload-update {
    top: 0;
    bottom: auto
;}

.dropload-load .loading {
    display: inline-block;
    height: 15px;
    width: 15px;
    border-radius: 100%;
    margin: 6px;
    border: 2px solid #666;
    border-bottom-color: transparent;
    vertical-align: middle;
    -webkit-animation: rotate .75s linear infinite;
    animation: rotate .75s linear infinite
;}

@-webkit-keyframes rotate {
    0% { -webkit-transform: rotate(0) ;}

    50% { -webkit-transform: rotate(180deg) ;}

    100% { -webkit-transform: rotate(360deg) ;}
}

@keyframes rotate {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    ;}

    50% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    ;}

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    ;}
}

.content .modal .message { padding: 0 5px ;}

.content .modal .list_display li { padding: 5px ;}

.content .modal .list_display #li_name {
    width: 100%;
    display: inline-block
;}

.content .modal .list_display #li_name .control-group {
    float: left;
    width: 100%
;}

.content .modal .list_display #li_name .control-group .control-label {
    width: 70px;
    float: left;
    padding: 7px 0
;}

.content .modal .list_display #li_name .control-group .radio { display: inline-block ;}

.content .modal .list_display #li_name .control-group .controls { position: relative ;}

.content .modal .list_display #li_name .control-group .controls span.errorTip {
    position: absolute !important;
    right: 25px !important;
    top: 8px
;}

.content .modal .list_display #li_name .control-group .span6 { width: 70% ;}

.content .modal .list_display #li_email {
    width: 100%;
    display: inline-block
;}

.content .modal .list_display #li_email .control-group {
    float: left;
    width: 100%
;}

.content .modal .list_display #li_email .control-group .control-label {
    width: 70px;
    float: left;
    padding: 7px 0
;}

.content .modal .list_display #li_email .control-group .radio { display: inline-block ;}

.content .modal .list_display #li_email .control-group .controls { position: relative ;}

.content .modal .list_display #li_email .control-group .controls span.errorTip {
    position: absolute !important;
    right: 25px !important;
    top: 8px
;}

.content .modal .list_display #li_email .control-group .span6 { width: 70% ;}

.content .modal .list_display #li_mobile {
    width: 100%;
    display: inline-block
;}

.content .modal .list_display #li_mobile .control-group {
    float: left;
    width: 100%
;}

.content .modal .list_display #li_mobile .control-group .control-label {
    width: 70px;
    float: left;
    padding: 7px 0
;}

.content .modal .list_display #li_mobile .control-group .radio { display: inline-block ;}

.content .modal .list_display #li_mobile .control-group .controls { position: relative ;}

.content .modal .list_display #li_mobile .control-group .controls span.errorTip {
    position: absolute !important;
    right: 25px !important;
    top: 8px
;}

.content .modal .list_display #li_mobile .control-group .span6 { width: 70% ;}

.content .modal .list_display #li_gender {
    width: 100%;
    display: inline-block
;}

.content .modal .list_display #li_gender .control-group {
    float: left;
    width: 100%
;}

.content .modal .list_display #li_gender .control-group .control-label {
    width: 70px;
    float: left;
    padding: 7px 0
;}

.content .modal .list_display #li_gender .control-group .radio { display: inline-block ;}

.content .modal .list_display #li_gender .control-group .controls { position: relative ;}

.content .modal .list_display #li_gender .control-group .controls span.errorTip {
    position: absolute !important;
    right: 25px !important;
    top: 8px
;}

.content .modal .list_display #li_gender .control-group .span6 { width: 70% ;}

.content .modal .list_display #li_gender .radio {
    width: 50px;
    margin: 5px 2px
;}

.content .modal .list_display #li_address select {
    float: left;
    margin-right: 4px
;}

.content .modal .list_display #li_new_item_1 {
    display: inline-block;
    width: 100%
;}

.content .modal .list_display #li_new_item_1 .control-group {
    float: left;
    width: 100%
;}

.content .modal .list_display #li_new_item_1 .control-group .control-label {
    width: 70px;
    float: left;
    padding: 7px 0
;}

.content .modal .list_display #li_new_item_1 .control-group .radio { display: inline-block ;}

.content .modal .list_display #li_new_item_1 .control-group .controls { position: relative ;}

.content .modal .list_display #li_new_item_1 .control-group .controls span.errorTip {
    position: absolute !important;
    right: 25px !important;
    top: 8px
;}

.content .modal .list_display #li_new_item_1 .control-group .span6 { width: 70% ;}

.content .modal .list_display #li_new_item_1 .radio {
    width: 50px;
    margin: 5px 2px
;}

.content .modal .list_display #li_new_item_1 .radio { width: 50px ;}

.content .modal .list_display #li_new_item_2 {
    width: 100%;
    display: inline-block;
    width: 50%
;}

.content .modal .list_display #li_new_item_2 .control-group {
    float: left;
    width: 100%
;}

.content .modal .list_display #li_new_item_2 .control-group .control-label {
    width: 70px;
    float: left;
    padding: 7px 0
;}

.content .modal .list_display #li_new_item_2 .control-group .radio { display: inline-block ;}

.content .modal .list_display #li_new_item_2 .control-group .controls { position: relative ;}

.content .modal .list_display #li_new_item_2 .control-group .controls span.errorTip {
    position: absolute !important;
    right: 25px !important;
    top: 8px
;}

.content .modal .list_display #li_new_item_2 .control-group .span6 { width: 70% ;}

.content .modal .list_display #li_new_item_2 .control-group input.span6 { width: 40% ;}

.content .modal .list_display #li_new_item_3 {
    width: 100%;
    display: inline-block;
    width: 50%
;}

.content .modal .list_display #li_new_item_3 .control-group {
    float: left;
    width: 100%
;}

.content .modal .list_display #li_new_item_3 .control-group .control-label {
    width: 70px;
    float: left;
    padding: 7px 0
;}

.content .modal .list_display #li_new_item_3 .control-group .radio { display: inline-block ;}

.content .modal .list_display #li_new_item_3 .control-group .controls { position: relative ;}

.content .modal .list_display #li_new_item_3 .control-group .controls span.errorTip {
    position: absolute !important;
    right: 25px !important;
    top: 8px
;}

.content .modal .list_display #li_new_item_3 .control-group .span6 { width: 70% ;}

.content .modal .list_display #li_new_item_3 .control-group input.span6 { width: 40% ;}

.content .modal .list_display #li_new_item_4 {
    display: inline-block;
    width: 100%
;}

.content .modal .list_display #li_new_item_4 .control-group {
    float: left;
    width: 100%
;}

.content .modal .list_display #li_new_item_4 .control-group .control-label {
    width: 70px;
    float: left;
    padding: 7px 0
;}

.content .modal .list_display #li_new_item_4 .control-group .radio { display: inline-block ;}

.content .modal .list_display #li_new_item_4 .control-group .controls { position: relative ;}

.content .modal .list_display #li_new_item_4 .control-group .controls span.errorTip {
    position: absolute !important;
    right: 25px !important;
    top: 8px
;}

.content .modal .list_display #li_new_item_4 .control-group .span6 { width: 70% ;}

.content .modal .list_display #li_new_item_4 .control-group input.span6 { width: 70% ;}

.content .modal .list_display #li_new_item_5 .radio.inline4 { width: 100% ;}

.content .modal .list_display #li_new_item_5 .text-muted { font-size: 12px ;}

.content .modal .list_display #li_new_item_5 .errorTip { top: 0 ;}

.content .modal .list_display #li_new_item_6 {
    width: 100%;
    display: inline-block
;}

.content .modal .list_display #li_new_item_6 .control-group {
    float: left;
    width: 100%
;}

.content .modal .list_display #li_new_item_6 .control-group .control-label {
    width: 70px;
    float: left;
    padding: 7px 0
;}

.content .modal .list_display #li_new_item_6 .control-group .radio { display: inline-block ;}

.content .modal .list_display #li_new_item_6 .control-group .controls { position: relative ;}

.content .modal .list_display #li_new_item_6 .control-group .controls span.errorTip {
    position: absolute !important;
    right: 25px !important;
    top: 8px
;}

.content .modal .list_display #li_new_item_6 .control-group .span6 { width: 70% ;}

.content .modal .list_display #li_new_item_6 .radio {
    width: 80px;
    margin: 5px 2px
;}

.content .modal .list_display #li_amount {
    display: inline-block;
    width: 100%
;}

.content .modal .list_display #li_amount .control-group {
    float: left;
    width: 100%
;}

.content .modal .list_display #li_amount .control-group .control-label {
    width: 70px;
    float: left;
    padding: 7px 0
;}

.content .modal .list_display #li_amount .control-group .radio { display: inline-block ;}

.content .modal .list_display #li_amount .control-group .controls { position: relative ;}

.content .modal .list_display #li_amount .control-group .controls span.errorTip {
    position: absolute !important;
    right: 25px !important;
    top: 8px
;}

.content .modal .list_display #li_amount .control-group .span6 { width: 70% ;}

.content .modal .list_display #li_amount .control-group input.span6 { width: 70% ;}

/*detail*/

/
.content .modal .message { padding: 0 5px ;}

.content .modal .list_display li { padding: 5px ;}

.content .modal .list_display #li_name {
    width: 100%;
    display: inline-block
;}

.content .modal .list_display #li_name .control-group {
    float: left;
    width: 100%
;}

.content .modal .list_display #li_name .control-group .control-label {
    width: 70px;
    float: left;
    padding: 7px 0
;}

.content .modal .list_display #li_name .control-group .radio { display: inline-block ;}

.content .modal .list_display #li_name .control-group .controls { position: relative ;}

.content .modal .list_display #li_name .control-group .controls span.errorTip {
    position: absolute !important;
    right: 25px !important;
    top: 8px
;}

.content .modal .list_display #li_name .control-group .span6 { width: 70% ;}

.content .modal .list_display #li_email {
    width: 100%;
    display: inline-block
;}

.content .modal .list_display #li_email .control-group {
    float: left;
    width: 100%
;}

.content .modal .list_display #li_email .control-group .control-label {
    width: 70px;
    float: left;
    padding: 7px 0
;}

.content .modal .list_display #li_email .control-group .radio { display: inline-block ;}

.content .modal .list_display #li_email .control-group .controls { position: relative ;}

.content .modal .list_display #li_email .control-group .controls span.errorTip {
    position: absolute !important;
    right: 25px !important;
    top: 8px
;}

.content .modal .list_display #li_email .control-group .span6 { width: 70% ;}

.content .modal .list_display #li_mobile {
    width: 100%;
    display: inline-block
;}

.content .modal .list_display #li_mobile .control-group {
    float: left;
    width: 100%
;}

.content .modal .list_display #li_mobile .control-group .control-label {
    width: 70px;
    float: left;
    padding: 7px 0
;}

.content .modal .list_display #li_mobile .control-group .radio { display: inline-block ;}

.content .modal .list_display #li_mobile .control-group .controls { position: relative ;}

.content .modal .list_display #li_mobile .control-group .controls span.errorTip {
    position: absolute !important;
    right: 25px !important;
    top: 8px
;}

.content .modal .list_display #li_mobile .control-group .span6 { width: 70% ;}

.content .modal .list_display #li_gender {
    width: 100%;
    display: inline-block
;}

.content .modal .list_display #li_gender .control-group {
    float: left;
    width: 100%
;}

.content .modal .list_display #li_gender .control-group .control-label {
    width: 70px;
    float: left;
    padding: 7px 0
;}

.content .modal .list_display #li_gender .control-group .radio { display: inline-block ;}

.content .modal .list_display #li_gender .control-group .controls { position: relative ;}

.content .modal .list_display #li_gender .control-group .controls span.errorTip {
    position: absolute !important;
    right: 25px !important;
    top: 8px
;}

.content .modal .list_display #li_gender .control-group .span6 { width: 70% ;}

.content .modal .list_display #li_gender .radio {
    width: 50px;
    margin: 5px 2px
;}

.content .modal .list_display #li_address select {
    float: left;
    margin-right: 4px
;}

.content .modal .list_display #li_new_item_1 {
    display: inline-block;
    width: 100%
;}

.content .modal .list_display #li_new_item_1 .control-group {
    float: left;
    width: 100%
;}

.content .modal .list_display #li_new_item_1 .control-group .control-label {
    width: 70px;
    float: left;
    padding: 7px 0
;}

.content .modal .list_display #li_new_item_1 .control-group .radio { display: inline-block ;}

.content .modal .list_display #li_new_item_1 .control-group .controls { position: relative ;}

.content .modal .list_display #li_new_item_1 .control-group .controls span.errorTip {
    position: absolute !important;
    right: 25px !important;
    top: 8px
;}

.content .modal .list_display #li_new_item_1 .control-group .span6 { width: 70% ;}

.content .modal .list_display #li_new_item_1 .radio {
    width: 50px;
    margin: 5px 2px
;}

.content .modal .list_display #li_new_item_1 .radio { width: 50px ;}

.content .modal .list_display #li_new_item_2 {
    width: 100%;
    display: inline-block;
    width: 50%
;}

.content .modal .list_display #li_new_item_2 .control-group {
    float: left;
    width: 100%
;}

.content .modal .list_display #li_new_item_2 .control-group .control-label {
    width: 70px;
    float: left;
    padding: 7px 0
;}

.content .modal .list_display #li_new_item_2 .control-group .radio { display: inline-block ;}

.content .modal .list_display #li_new_item_2 .control-group .controls { position: relative ;}

.content .modal .list_display #li_new_item_2 .control-group .controls span.errorTip {
    position: absolute !important;
    right: 25px !important;
    top: 8px
;}

.content .modal .list_display #li_new_item_2 .control-group .span6 { width: 70% ;}

.content .modal .list_display #li_new_item_2 .control-group input.span6 { width: 40% ;}

.content .modal .list_display #li_new_item_3 {
    width: 100%;
    display: inline-block;
    width: 50%
;}

.content .modal .list_display #li_new_item_3 .control-group {
    float: left;
    width: 100%
;}

.content .modal .list_display #li_new_item_3 .control-group .control-label {
    width: 70px;
    float: left;
    padding: 7px 0
;}

.content .modal .list_display #li_new_item_3 .control-group .radio { display: inline-block ;}

.content .modal .list_display #li_new_item_3 .control-group .controls { position: relative ;}

.content .modal .list_display #li_new_item_3 .control-group .controls span.errorTip {
    position: absolute !important;
    right: 25px !important;
    top: 8px
;}

.content .modal .list_display #li_new_item_3 .control-group .span6 { width: 70% ;}

.content .modal .list_display #li_new_item_3 .control-group input.span6 { width: 40% ;}

.content .modal .list_display #li_new_item_4 {
    display: inline-block;
    width: 100%
;}

.content .modal .list_display #li_new_item_4 .control-group {
    float: left;
    width: 100%
;}

.content .modal .list_display #li_new_item_4 .control-group .control-label {
    width: 70px;
    float: left;
    padding: 7px 0
;}

.content .modal .list_display #li_new_item_4 .control-group .radio { display: inline-block ;}

.content .modal .list_display #li_new_item_4 .control-group .controls { position: relative ;}

.content .modal .list_display #li_new_item_4 .control-group .controls span.errorTip {
    position: absolute !important;
    right: 25px !important;
    top: 8px
;}

.content .modal .list_display #li_new_item_4 .control-group .span6 { width: 70% ;}

.content .modal .list_display #li_new_item_4 .control-group input.span6 { width: 70% ;}

.content .modal .list_display #li_new_item_5 .radio.inline4 { width: 100% ;}

.content .modal .list_display #li_new_item_5 .text-muted { font-size: 12px ;}

.content .modal .list_display #li_new_item_5 .errorTip { top: 0 ;}

.content .modal .list_display #li_new_item_6 {
    width: 100%;
    display: inline-block
;}

.content .modal .list_display #li_new_item_6 .control-group {
    float: left;
    width: 100%
;}

.content .modal .list_display #li_new_item_6 .control-group .control-label {
    width: 70px;
    float: left;
    padding: 7px 0
;}

.content .modal .list_display #li_new_item_6 .control-group .radio { display: inline-block ;}

.content .modal .list_display #li_new_item_6 .control-group .controls { position: relative ;}

.content .modal .list_display #li_new_item_6 .control-group .controls span.errorTip {
    position: absolute !important;
    right: 25px !important;
    top: 8px
;}

.content .modal .list_display #li_new_item_6 .control-group .span6 { width: 70% ;}

.content .modal .list_display #li_new_item_6 .radio {
    width: 80px;
    margin: 5px 2px
;}

.content .modal .list_display #li_amount {
    display: inline-block;
    width: 100%
;}

.content .modal .list_display #li_amount .control-group {
    float: left;
    width: 100%
;}

.content .modal .list_display #li_amount .control-group .control-label {
    width: 70px;
    float: left;
    padding: 7px 0
;}

.content .modal .list_display #li_amount .control-group .radio { display: inline-block ;}

.content .modal .list_display #li_amount .control-group .controls { position: relative ;}

.content .modal .list_display #li_amount .control-group .controls span.errorTip {
    position: absolute !important;
    right: 25px !important;
    top: 8px
;}

.content .modal .list_display #li_amount .control-group .span6 { width: 70% ;}

.content .modal .list_display #li_amount .control-group input.span6 { width: 70% ;}

.modal { z-index: 8;}

.modal-backdrop { z-index: 7;}

.cufe_footer {
    background: #fff;
    padding: 4px 10px;
    width: 100%;}

.cufe_footer_inner {
    overflow: hidden;
    margin-bottom: 15px;}

.cufe_footer_inner button {
    height: 38px;
    background: #b30000;
    border-radius: 3px;
    border: none;
    width: 100%;
    color: #fffFFF;
    font-size: 1.4rem;}

.cufe_footer_inner .float-right {
    float: right;
    width: 47%;}

.cufe_footer_inner a { display: block;}

.cufe_footer_inner .float-left {
    float: left;
    width: 47%;}

.cufe_ft_jk {
    padding-left: 28px;
    background: url(../images/icon3.jpg) no-repeat left center;
    background-size: 20px;
    display: inline-block;
    height: 20px;
    line-height: 20px;}

.cufe_ft_yqj {
    padding-left: 28px;
    background: url(../images/icon9.jpg) no-repeat left center;
    background-size: 18px;
    display: inline-block;
    height: 20px;
    line-height: 20px;}

.cufe_ft_fx {
    padding-left: 28px;
    background: url(../images/icon6.jpg) no-repeat left center;
    background-size: 20px;
    display: inline-block;
    height: 20px;
    line-height: 20px;}

.cover {
    background: rgba(0, 0, 0, .7);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 4;
    display: none;}

.fundList_con .fund-bar .plan { margin-bottom: 0;}

.fundList_con .project_summary {
    text-overflow: ellipsis;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;}

.fundList_top .fund-icon.love-icon { background-position: -19px -18px;}

.fundD_List_top.fundList_top p {
    margin: 0;
    color: #000;}

.fundD_List_top.fundList_top .text-left p { text-align: left;}

.fundD_List_top.fundList_top .text-right p { text-align: right;}

.fundD_List_top.fundList_top {
    background: #fff;
    color: #000;}

.fundList_top .love-icon {
    margin-top: 8px;
    background-size: 90px 110px;}

.fundList_top .my-icon {
    margin-top: 8px;
    background-size: 80px 96px;}

.fund-icon.my-icon {
    background-position: -48px -30px;
    height: 18px;
    margin-right: 3px;}

.swiper-wrapper img { height: 100%;}

/*一起捐*/

.together_donate {}

.together_donate_nob { border: none;}

.nopadding_t { padding-top: 0;}

.all_donate.together_donate_nob { padding: 0 15px 5px;}

.together_donate .content-news { padding: 0;}

.bord_b { padding: 10px 15px 5px;}

.together_span {
    font-size: 1.6rem;
    color: #888;
    padding: 4px 0;
    border: 1px solid #eee;
    border-radius: 4px;
    display: inline-block;
    width: 100%;
    text-align: center;}

.together-input { padding: 5px 0;}

.form-yqj-btn { padding: 10px 0;}

.content .modal .list_display #li_new_item_yesNo .control-group .control-label {
    width: 70px;
    float: left;
    padding: 7px 0;}

.content .modal .list_display #li_new_item_yesNo .radio {
    width: 60px;
    margin: 5px 2px;}

.protocol_content textarea {
    width: 100%;
    height: 74px;
    overflow: scroll;
    border: none;}

.erWM div {
    text-align: center;
    width: 40%;
    margin: 0 auto;}

.erWM {
    background: #fff;
    padding: 10px 0;}

.erWM img { width: 100%;}

/*项目捐赠人列表*/

.fundD_List .all_donate .content-news {
    position: relative;
    border-bottom: 2px #eee solid;
    overflow: hidden;}

.fundD_List .all_donate .content-news .project_img {
    width: 40px;
    height: 40px;
    position: absolute;
    top: 5px;
    left: 5px;}

.fundD_List .all_donate .content-news_list .project_img {
    width: 55px;
    height: 55px;
    position: absolute;
    top: 5px;
    left: 5px;}

.fundD_List .all_donate .content-news .project_img img {
    border-radius: 100px;
    width: 100%;
    height: 100%;
    margin: 0;}

.fundD_List .all_donate .content-news .project_desc {
    margin-left: 48px;
    width: 100%;}

.fundD_List .all_donate .content-news_list .project_desc {
    margin-left: 60px;
    width: 100%;
    margin-bottom: 3px;}

.fundD_List .content-news .title-type, .fundD_List .content-news .project_summary {
    font-size: 1.5rem;
    font-weight: normal;
    margin-bottom: 3px;
    color: #000;}

.fundD_List .content-news_list .title-type, .fundD_List .content-news .project_summary {
    font-size: 1.4rem;
    line-height: 1.4rem;
    font-weight: normal;
    margin-bottom: 3px;
    color: #000;}

.fundD_List .content-news { padding: 5px 5px 0;}

.fundD_List_top {
    height: 35px;
    background: #b30000;
    padding: 0 10px;
    font-size: 1.5rem;}

.fundD_List_top p {
    text-align: right;
    height: 35px;
    line-height: 35px;
    color: #ffffff;}

.fundD_List .all_donate {
    border: none;
    padding-bottom: 0;}

.content .modal_two { height: auto;}

/*上海师范大学基金会切换页面*/

.myT_all {
    background: #f4f4f4;
    position: relative;}

.all_donate_ask_myT .fund-name {
    position: absolute;
    width: 100%;
    top: 50%;
    margin-top: -30px;
    padding: 6px 10px;
    font-size: 16px;
    height: 60px;
    background: rgba(255, 255, 255, .3);}

.all_donate_ask_myT .fund-name .content-news .project_img {
    width: 40px;
    height: 40px;
    position: absolute;
    top: 10px;
    left: 10px;}

.all_donate_ask_myT .fund-name .content-news .project_img img {
    border-radius: 100px;
    width: 100%;
    height: 100%;
    margin: 0;}

.all_donate_ask_myT .fund-name .content-news .project_desc {
    margin-left: 48px;
    width: 100%;}

.fund-name .content-news .title-type, .fund-name .content-news .project_summary {
    font-size: 1.5rem;
    font-weight: normal;
    margin-bottom: 3px;
    color: #ffffff;}

.myT_record {
    padding: 10px;
    background: #fff;}

.myT_record .myT_record_p {
    font-size: 1.6rem;
    font-weight: normal;
    margin-bottom: 10px;
    color: #000;
    padding: 0;}

.myT_records {}

.myT_record_num {
    padding-left: 28px;
    background: url(../images/icon1.jpg) no-repeat;
    background-size: 22px;}

.myT_record_amount {
    padding-left: 28px;
    background: url(../images/icon2.jpg) no-repeat;
    background-size: 22px;}

.myT_record p {
    padding-left: 22%;
    font-size: 1.4rem;
    font-weight: normal;
    margin-bottom: 5px;
    color: #888;}

.myT_all .all_donate_ask_myT { padding: 0;}

.footer_logo {
    background: #e6eaed;
    text-align: center;}

.myT_record_action {
    padding-left: 28px;
    background: url(../images/icon3.jpg) no-repeat left center;
    background-size: 18px;
    display: inline-block;
    height: 20px;
    line-height: 20px;}

.myT_btn {
    height: 35px;
    width: 235px;
    line-height: 35px;
    background: #b30000;
    border: 1px solid #b30000;
    border-radius: 5px;
    margin: 5px auto;
    font-size: 1.5rem;
    color: #ffffff;}

.myT_btn_div { text-align: center;}

.height_full { height: 100%;}

.no_record { background: #f1f2f6;}

.all_donate_myT {
    position: fixed;
    top: 0;
    left: 0;
    background: #f1f2f6;
    z-index: 9;
    width: 100%;}

.myT_content {}

.myT_footer {
    position: fixed;
    bottom: 0;
    left: 0;
    background: #e6eaed;
    z-index: 0;
    width: 100%;}

.myT_content .myT_dFree_p {
    font-size: 1.4rem;
    line-height: 1.8rem;
    text-indent: 2em;
    color: #888;
    padding: 0;
    text-align: justify;}

/*发起一起捐（分享）*/

.togetherD_con .together-fund-jj { width: 100%;}

.togetherD_con .together-fund-jj .content-news {
    position: relative;
    padding: 10px;}

.togetherD_con .together-fund-jj .content-news .project_img {
    width: 40px;
    height: 40px;
    position: absolute;
    top: 50%;
    margin-top: -20px;
    left: 10px;}

.togetherD_con .together-fund-jj .content-news .project_img img {
    border-radius: 100px;
    width: 100%;
    height: 100%;
    margin: 0;}

.togetherD_con .together-fund-jj .content-news .project_desc {
    margin-left: 48px;
    padding: 0;}

.togetherD_con .content-news .title-type, .fundD_List .content-news .project_summary {
    font-size: 1.5rem;
    font-weight: normal;
    margin-bottom: 3px;
    color: #000;}

.togetherD_con .content-news_list .title-type, .fundD_List .content-news .project_summary {
    font-size: 1.4rem;
    line-height: 1.4rem;
    font-weight: normal;
    margin-bottom: 3px;
    color: #000;}

.float-left { float: left;}

.float-right { float: right;}

.donate_D_ed {
    overflow: hidden;
    margin-bottom: 5px;
    font-size: 1.5rem;
    color: #888;}

.bar .donate_D_ed_p {
    font-size: 1.5rem;
    font-weight: normal;
    color: #888;
    text-align: right;
    margin-bottom: 0;}

.donate_D_ed_top {
    height: 35px;
    line-height: 35px;
    background: #fff;
    padding: 0 10px;
    font-size: 1.5rem;}

.donate_D_ed_top_bor {
    border-bottom: 1px solid #eee;
    overflow: hidden;}

.donate_D_ed_top .bar .donate_D_ed_p {
    font-size: 1.5rem;
    font-weight: normal;
    color: #000;
    text-align: right;
    margin-bottom: 0;}

.donate_D_ed_time {
    font-size: 1.5rem;
    font-weight: normal;
    color: #888;
    text-align: right;
    margin-bottom: 0;}

.donateD_T_jj { margin-left: 48px;}

.donateD_T_jj .donate_D_ed_top {
    padding: 0;
    height: 20px;
    line-height: 20px;}

.goto_pay {
    width: 80px;
    height: 30px;
    line-height: 30px;
    font-size: 1.5rem;
    color: #ffffff;
    background: #b30000;
    border: none;
    border-radius: 4px;}

.already_pay {
    width: 80px;
    height: 30px;
    line-height: 30px;
    font-size: 1.5rem;
    color: #888;
    background: #e5e5e5;
    border: none;
    border-radius: 4px;}

.myT_content .all_donate .content-news .project_img { height: 95px;}

.myT_con_list .pull-right { position: relative;}

.myT_con_list_btn {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;}

.myT_con_list_btn .donate_D_ed_top { padding: 0;}

.myT_content .all_donate .content-news .project_img img {
    border-radius: 5px;
    width: 100%;
    height: 100%;
    margin: 0;}

.myT_con_list .donate_D_ed_top {
    height: 30px;
    line-height: 30px;}

#getMone {
    height: 30px;
    line-height: 30px;
    font-size: 1.5rem;
    color: #333;
    background: #ffffff;
    font-weight: bold;
    text-align: center;}

.myT_con_list .project_summary {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-bottom: 4px;
    color: #888;}

.content .content-news.myT_con_list .pad-right { padding-right: 0;}

#model_pay {
    display: block;
    overflow: auto;
    overflow-y: scroll;
    position: fixed;
    right: 0;
    bottom: -600px;
    left: 0;
    z-index: 1050;
    -webkit-overflow-scrolling: touch;
    outline: 0;}

.modal-body input { box-shadow: none;}

.myT_footer_jj {
    /*position: absolute;
    bottom: 0;
    left: 0;*/
    background: #e6eaed;
    z-index: 0;
    width: 100%;}

.share_btn {
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    width: 100%;
    display: none;
    z-index: 99;}

.share_btn_img {
    position: absolute;
    top: 15px;
    right: 20px;
    width: 70%;}

.font_b {
    font-weight: 600;
    color: #888;}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    border: none;
    color: #333;
    padding: 5px 5px;
    font-size: 16px;}

.nav-tabs { border: none;}

/*捐赠故事*/

.newlist_tit {
    position: absolute;
    text-align: center;
    bottom: 0;
    left: 0;
    height: 30px;
    line-height: 30px;
    background: rgba(0, 0, 0, .6);
    width: 100%;
    z-index: 12;}

.newlist_tit p {
    font-size: 1.4rem;
    color: #ffffff;
    padding-left: 10px;
    text-align: left;}

.newlist_content {
    width: 100%;
    overflow: hidden;
    color: #666;
    background: #fff;}

.all_donate, .mp_detail { border-top: 1px solid #eee;}

.newlist_content .content-news {
    padding: 15px 5px;
    border-bottom: 2px #eee solid;
    color: #888;}

.donate-news-list-bd .content-news:first-child, .donate-news-list-bd .support:first-child { border-bottom: 1px solid #eee;}

.all_donate .content-news .project_img_d {
    width: 30%;
    text-align: center;
    height: 68px;
    overflow: hidden;}

.all_donate .content-news .project_img_d img {
    border-radius: 5px;
    height: 100%;}

.all_donate .content-news .project_desc { width: 65%;}

.fundList_con .project_summary {
    text-overflow: ellipsis;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #000;
    font-size: 1.4rem;}

.project_active {
    overflow: hidden;}

.project_active .project_active_div {
    padding-left: 26px;
    background: url(../images/newlist01.jpg) no-repeat;
    background-size: 21px;}

/*捐赠详情--------start*/

.project-data {
    background: url(../images/shuju-icon.jpg) no-repeat 1px 2px;
    background-size: 18px;
    padding-left: 30px;}

.project-data p {
    padding: 0;
    margin: 0;
    height: 22px;
    font-size: 14px;
    line-height: 25px;}

.project-data-tit { color: #444444;}

.project-data-items { color: #919191;}

.project-data-items span { color: #666666;}

/*捐赠详情--------end*/

/*常见问题------start*/

.wrap { width: 100%;}

.abs { position: absolute;}

.rel { position: relative;}

.block { display: block;}

.font { font-size: 1.4rem;}

.fl { float: left;}

.fr { float: right;}
.fr button a {color:#ffffff;}
.fr button a:hover {color:#333;}
.over {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;}

.comquestion-all { background-color: #fff;}

.comquestion-content {}

.content-list { padding: 0 10px 10px 10px;}

.content-list { overflow: hidden;}

.content-list-item {
    margin: 18px 0 0 0;
    border: 1px dashed #ccc;}

.item-top {
    padding: 8px 0 8px 0;
    color: #000000;
    border-bottom: 1px solid #ccc;}

.item-top span {
    padding-left: 39px;
    width: 95%;
    font-size: 1.5rem;}

.item-top-icon {
    top: -11px;
    left: 3px;
    width: 32px;
    height: 30px;}

.item-bottom {
    padding: 5px 10px 5px 10px;
    color: #999999;}

.item-bottom p { margin: 0;}

/*常见问题------end*/

/*在线微捐------strat*/

/*common css*/

.DonationOnline-main { background: #fff;}

.title-font {
    color: #333;
    font-size: 1.5rem;}

.font {
    color: #666;
    font-size: 1.4rem;}

textarea { resize: none ;}

.pay_list_c1 {
    margin: 10px 0 0 0px;
    width: 20px;
    height: 20px;
    float: left;
    padding-top: 3px;
    cursor: pointer;
    text-align: center;
    margin-right: 10px;
    background: url(../images/default.jpg) no-repeat 0 0;
    background-size: 20px 20px;}

.radioclass {
    opacity: 0;
    cursor: pointer;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);}

.on {
    background: url(../images/xuanzhong.jpg) no-repeat 0 0;
    background-size: 20px 20px;}

.defaultImg {
    margin: 10px 5px 0 10px;
    width: 15px;
    height: 15px;
    background: url(../images/default.jpg) no-repeat;
    background-size: 15px 15px;}

.infor-professional .defaultImg { margin: 10px 5px 0 0px;}

.span-m { margin: 2px 14px 0 0px;}

.infor-professional .bingoImg { margin: 10px 5px 0 0px;}

.radio-h { margin: 7px 10px 0 10px;}

.radio-t { margin: 10px 10px 0 10px;}

.default-ml { margin-left: 45px;}

.input-dufault {
    margin-left: 10px;
    width: 70%;}

.center { margin: 0 auto;}

.my-infor, .donation-project,.infor-content, .leave-words, .certificate, .contact { border-bottom: 1px dashed #eee;}

.infor-content, .certificate-content, .contact-content { padding: 10px;}

.infor-content div {
    margin-top: 10px;
    line-height: 40px;}

.infor-content div:first-child { margin-top: 0;}

.xing {
    font-size: 1.5rem;
    color: #fd0000;}

.infor-name .infor-name-text {
    width: 58%;
    margin-left: 0;}

@media (min-width: 300px) {
    .infor-name .infor-name-text { width: 45%;}
}

@media (min-width: 360px) {
    .infor-name .infor-name-text { width: 50%;}
}

@media (min-width: 300px) {
    .infor-professional { width: 87%;}
}

@media (min-width: 360px) {
    .infor-professional { width: 100%;}

    .span-m { margin: 2px 5px 0 0px;}
}

.infor-year .infor-name-text { margin-left: 0;}

.project-input { width: 100%;}

.project-input .opt { width: 60%;}

.down {
    top: 2px;
    right: 1px;
    width: 15%;
    height: 31px;}

.numbers {
    margin-top: 10px;
    width: 100%;}

.leave-words {
    width: 100%;
    color: #ccc;}

.leave-words-input { height: 80px;}

.bookword {
    margin-left: 25px;
    margin-top: 10px;
    text-align: center;
    color: #666;
    font-size: 1.3rem;}

.bookwords { margin-left: 24px;}

.bookword-span {
    letter-spacing: 0.5px;
    color: #999;
    font-size: 1.2rem;}

.certificateImg { margin: 5px 5px 0 0;}

.leave-words-bg { font-size: 1.5rem;}

.div-mt { margin-top: 5px;}

@media (min-width: 300px) {
    .email {
        margin-left: 5px;
        width: 70%;}
}

@media (min-width: 360px) {
    .email {
        margin-left: 10px;
        width: 75%;}
}

.email-group {
    margin-top: 10px;
    line-height: 35px;}

.bottons { margin: 10px 0 10px 0;}

.buttons-btn {
    width: 80%;
    color: #fff;
    background-color: #f53d05;}

/*在线微捐------end*/
/*下载中心------start*/
.news-ul a {
    padding-left: 35px;
    background: url(../images/download-icon.jpg) no-repeat left 0;
    background-size: 20px;}
.news-ul a.word {
    background-position: 0 0;}
.news-ul a.excel {
    background-position: 0 -20px;}
.news-ul a.pdf {
    background-position: 0 -40px;}
/*下载中心------end*/



/*捐赠使用*/
.Dona-Use li{
    width:44%;
    height:310px;
    float:left;
    overflow:hidden;
    margin-left: 22px;
    margin-right: 30px;
    margin-bottom:40px;
    background: -webkit-linear-gradient(#f5f5f5, #ffffff); /* safari 5.1 - 6.0 */
    background: -o-linear-gradient(#f5f5f5, #ffffff); /* opera 11.1 - 12.0 */
    background: -moz-linear-gradient(#f5f5f5, #ffffff); /* firefox 3.6 - 15 */
    background: linear-gradient(#f5f5f5, #ffffff);}
.Dona-Use-imgs{
    display:block;
    width:95%;height:150px;
    margin:12px auto;}
.Dona-Use-span1{
    display:block;
    font-size:16px;
    color:#000000;
    line-height:20px;
    text-align:center;}
.Dona-Use-span2{
    display:block;
    width:95%;
    height:95px;
    margin:0 auto;
    font-size:12px;
    color:#000000;
    line-height:16px;}
.Dona-Use-span3{
    display:block;
    width:95%;
    margin:0 auto;
    font-size:12px;
    color:#c1262d;
    text-align:right;}
/*奖/助学金*/
.Grant-list{
    border:1px dashed #e6e5e5;
    min-height:416px;
    margin-bottom: 130px;}
.Grant-ul li{
    width:95%;
    height:50px;
    line-height:50px;
    border-bottom:1px dashed #e6e5e5;
    margin:0 auto;}
.Grant-ul li a{
    display:block;}
.Grant-span1{
    float:left;
    color:#c1262d;}
.Grant-radis{
    display:inline-block;
    width:4px;
    height:4px;
    border-radius:50%;
    background:#c1262d;
    vertical-align:middle;
    margin: 0 15px 0 0;}
.Grant-span2{
    float: right;}